<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="">
	<title>便民医疗服务</title>
	<!-- Bootstrap CSS -->
	<link href="${pageContext.request.contextPath}/assets/css/bootstrap.min.css" rel="stylesheet">
	<!-- Font Awesome CSS -->
	<link href="${pageContext.request.contextPath}/assets/css/font-awesome.min.css" rel="stylesheet">
	<!-- FlatIcons CSS -->
	<link href="${pageContext.request.contextPath}/assets/css/flaticon.css" rel="stylesheet">
	<!-- Camera Slider CSS -->
	<link href="${pageContext.request.contextPath}/assets/js/plugins/camera/css/camera.css" rel="stylesheet">
	<!-- Magnific Popup CSS -->
	<link href="${pageContext.request.contextPath}/assets/js/plugins/magnific-popup/magnific-popup.css" rel="stylesheet">
    <!-- Animate CSS -->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/assets/css/animate.css">
	<!-- Main CSS -->
	<link href="${pageContext.request.contextPath}/assets/css/style.css" rel="stylesheet">
	<!-- Responsive CSS -->
	<link href="${pageContext.request.contextPath}/assets/css/responsive.css" rel="stylesheet">
	<!-- Favicon File -->
	
	<!-- Google Web Fonts -->
	<link href="https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic" rel="stylesheet" type="text/css">
	<link href="https://fonts.googleapis.com/css?family=Roboto:400,100,300,100italic,300italic,400italic,500,500italic,700,700italic,900,900italic" rel="stylesheet" type="text/css">
	<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<!--[if lt IE 9]><script src="assets/js/html5shiv.min.js"></script><script src="assets/js/respond.min.js"></script><![endif]-->
</head>
<body>

     

	
	<!-- Start Header Area -->
	<header class="main-header">
		<div class="container container-relative">
			<!-- Start TopBar Area -->
			<div class="top-bar hidden-sm hidden-xs">
				<div class="row">
					<div class="col-sm-9 col-xs-12">
						<span class="top-info"><i class="fa fa-phone"></i></span>+1 888 888 8888
						<span class="top-info"><i class="fa fa-envelope-o"></i></span>info@yoursite.com
						<span class="top-info"><i class="fa fa-map-marker"></i></span>福建省莆田市医院
						<span class="top-info"><i class="fa fa-calendar"></i></span>周一 ~ 周日 9:00 - 20:00
					</div>
					<div class="col-sm-3 col-xs-12">
						<ul class="list-unstyled list-inline">
							<li><a href="#"><i class="fa fa-facebook"></i></a></li>
							<li><a href="#"><i class="fa fa-twitter"></i></a></li>
							<li><a href="#"><i class="fa fa-instagram"></i></a></li>
							<li><a href="#"><i class="fa fa-vimeo"></i></a></li>
						</ul>
					</div>
				</div>
			</div>
			<!-- End TopBar Area -->
			<!-- Start NavBar Area -->
			<nav id="nav" class="navbar navbar-default navbar-static-top affix-top">
				<div class="container">
					<div class="navbar-header">
						<!-- Start Collapse Button -->
						
						<!-- End Collapse Button -->
						<!-- Start Website Logo -->
						<a href="index.jsp" class="navbar-brand">
							<img src="${pageContext.request.contextPath}/assets/images/logo.png" class="logo" alt="Logo"> Medical <span>Service</span>
						</a>
						<!-- End Website Logo -->
					</div>
					<!-- Start Menu Area -->
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav navbar-right">
							<li><a href="index.jsp">首页</a></li>
							<li><a href="about.jsp">关于我们</a></li>
							
							
									<li><a href="doctors.jsp">医生</a></li>
							
							
									<li class="active"><a href="departments.jsp">科室部门</a></li>
							
							
							
							
							<li><a href="contact.jsp">联系我们</a></li>
							<li><a href="personalinfo.jsp">我的信息</a></li>
						</ul>
					</div>
					<!-- Start Menu Area -->
				</div>
			</nav>
			<!-- End NavBar Area -->
		</div>
	</header>
	<!-- End Header Area -->
	<div class="main-banner four">
		<div class="container">
			<h2><span>科室</span></h2>
		</div>
	</div>
	<!-- End Page Banner Area -->
	<!-- Start Breadcrumb Area -->
	<div class="breadcrumb">
		<div class="container">
			<ul class="list-unstyled list-inline">
				<li><a href="index.jsp">首页</a></li>
				<li class="active">科室</li>
			</ul>
		</div>
	</div>
	<!-- End Breadcrumb Area -->
	<!-- Start Main Container Area -->
	<div class="container main-container">
		<!-- Start Departments Area -->
		<div class="notification-boxes row">
			<!-- Start Box #1 -->
			<div class="col-md-3 col-sm-6 col-xs-6">
				<div class="box wow fadeInDown" data-wow-duration="1s" data-wow-delay=".5s">
					<div class="departments-icon">
						<i class="flaticon-cardiology"></i>
					</div>
					<h4>心脏病</h4>
					<p>Lorem ipsum dolorit amet consetur adipiscing Morbi sollicitudin just ...</p>
					<a href="department-single.jsp" class="btn btn-transparent">阅读更多</a>
				</div>
			</div>
			<!-- End Box #1 -->
			<!-- Start Box #2 -->
			<div class="col-md-3 col-sm-6 col-xs-6">
				<div class="box wow fadeInDown" data-wow-duration="1s" data-wow-delay="1s">
					<div class="departments-icon">
						<i class="flaticon-neurology"></i>
					</div>
					<h4>神经内科</h4>
					<p>Lorem ipsum dolorit amet consetur adipiscing Morbi sollicitudin just ...</p>
					<a href="department-single.jsp" class="btn btn-transparent">阅读更多</a>
				</div>
			</div>
			<!-- End Box #2 -->
			<!-- Start Box #3 -->
			<div class="col-md-3 col-sm-6 col-xs-6">
				<div class="box wow fadeInDown" data-wow-duration="1s" data-wow-delay="1.5s">
					<div class="departments-icon">
						<i class="flaticon-vagina"></i>
					</div>
					<h4>妇科</h4>
					<p>Lorem ipsum dolorit amet consetur adipiscing Morbi sollicitudin just ...</p>
					<a href="department-single.jsp" class="btn btn-transparent">阅读更多</a>
				</div>
			</div>
			<!-- End Box #3 -->
			<!-- Start Box #4 -->
			<div class="col-md-3 col-sm-6 col-xs-6">
				<div class="box wow fadeInDown" data-wow-duration="1s" data-wow-delay="2s">
					<div class="departments-icon">
						<i class="flaticon-lungs"></i>
					</div>
					<h4>肺病</h4>
					<p>Lorem ipsum dolorit amet consetur adipiscing Morbi sollicitudin just ...</p>
					<a href="department-single.jsp" class="btn btn-transparent">阅读更多</a>
				</div>
			</div>
			<!-- End Box #4 -->
			<!-- Start Box #5 -->
			<div class="col-md-3 col-sm-6 col-xs-6">
				<div class="box wow fadeInUp" data-wow-duration="1s" data-wow-delay=".5s">
					<div class="departments-icon">
						<i class="flaticon-kidneys"></i>
					</div>
					<h4>泌尿科学</h4>
					<p>Lorem ipsum dolorit amet consetur adipiscing Morbi sollicitudin just ...</p>
					<a href="department-single.jsp" class="btn btn-transparent">阅读更多</a>
				</div>
			</div>
			<!-- End Box #5 -->
			<!-- Start Box #6 -->
			<div class="col-md-3 col-sm-6 col-xs-6">
				<div class="box wow fadeInUp" data-wow-duration="1s" data-wow-delay="1s">
					<div class="departments-icon">
						<i class="flaticon-heart"></i>
					</div>
					<h4>心脏病</h4>
					<p>Lorem ipsum dolorit amet consetur adipiscing Morbi sollicitudin just ...</p>
					<a href="department-single.jsp" class="btn btn-transparent">阅读更多</a>
				</div>
			</div>
			<!-- End Box #6 -->
			<!-- Start Box #7 -->
			<div class="col-md-3 col-sm-6 col-xs-6">
				<div class="box wow fadeInUp" data-wow-duration="1s" data-wow-delay="1.5s">
					<div class="departments-icon">
						<i class="flaticon-stethoscope-1"></i>
					</div>
					<h4>儿科医师</h4>
					<p>Lorem ipsum dolorit amet consetur adipiscing Morbi sollicitudin just ...</p>
					<a href="department-single.jsp" class="btn btn-transparent">阅读更多</a>
				</div>
			</div>
			<!-- End Box #7 -->
			<!-- Start Box #8 -->
			<div class="col-md-3 col-sm-6 col-xs-6">
				<div class="box wow fadeInUp" data-wow-duration="1s" data-wow-delay="2s">
					<div class="departments-icon">
						<i class="flaticon-research"></i>
					</div>
					<h4>实验室</h4>
					<p>Lorem ipsum dolorit amet consetur adipiscing Morbi sollicitudin just ...</p>
					<a href="department-single.jsp" class="btn btn-transparent">阅读更多</a>
				</div>
			</div>
			<!-- End Box #8 -->
		</div>
		<!-- End Departments Area -->
	</div>
	<!-- End Main Container Area -->
<!-- Start Footer Area -->
	<footer class="main-footer">
		<div class="footer-area">
			<div class="container">
				<div class="row">
					<!-- Start Information Area -->
					<div class="col-md-3 col-sm-4 col-xs-6">
						<h4>相关信息</h4>
						<ul class="list-unstyled address-list">
							<li class="clearfix">
								<i class="fa fa-phone"></i>
								+1 888 888 8888
							</li>
							<li class="clearfix">
								<i class="fa fa-envelope-o"></i>
								info@yoursite.com
							</li>
							<li class="clearfix address">
								<i class="fa fa-map-marker"></i>
								福建省莆田市医院
							</li>
							<li class="clearfix">
								<i class="fa fa-calendar"></i>
								周一 ~ 周日   9:00 - 20:00
							</li>
						</ul>
					</div>
					<!-- End Information Area -->
					
					
					
				</div>
			</div>
		</div>
		<!-- Start Copyright Area -->
		<div class="copyright">
			<div class="container clearfix">
				<p class="pull-left">
					&copy; 2018 <span>MedicalService</span>
				</p>
				<ul class="list-unstyled list-inline pull-right">
					<li><a href="about.jsp">关于我们</a></li>
					<li><a href="contact.jsp">欢迎联系</a></li>
				</ul>
			</div>
		</div>
		<!-- End Copyright Area -->
	</footer>
	<!-- End Footer Area -->
	<!-- Start Back To Top Button -->
	<div id="back-to-top">
		<a href="#"><i class="fa fa-arrow-up"></i></a>
	</div>
	<!-- End Back To Top Button -->
    <!-- JQuery JS -->
    <script src="${pageContext.request.contextPath}/assets/js/jquery.min.js"></script>
    <!-- JQuery Migrate JS -->
    <script src="${pageContext.request.contextPath}/assets/js/jquery-migrate.min.js"></script>
    <!-- Bootstrap JS -->
    <script src="${pageContext.request.contextPath}/assets/js/bootstrap.min.js"></script>
    <!-- Slider JS Files -->
    <script src="${pageContext.request.contextPath}/assets/js/plugins/camera/js/jquery.mobile.customized.min.js"></script>
    <script src="${pageContext.request.contextPath}/assets/js/plugins/camera/js/jquery.easing.js"></script>
    <script src="${pageContext.request.contextPath}/assets/js/plugins/camera/js/camera.min.js"></script>
    <!-- Modernizr JS -->
    <script src="${pageContext.request.contextPath}/assets/js/plugins/shuffle/jquery.shuffle.modernizr.min.js"></script>
    <!-- Popup JS -->
    <script src="${pageContext.request.contextPath}/assets/js/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>
    <!-- Wow JS -->
    <script src="${pageContext.request.contextPath}/assets/js/wow.min.js"></script>
    <!-- Main JS -->
    <script src="${pageContext.request.contextPath}/assets/js/main.js"></script>
</body>
</html>
